.headBox {
  position: relative;
  height: 4.57rem;
}
.headBox .bg {
  width: 100%;
  height: 100%;
}
.headBox .infoBox {
  width: 6.9rem;
  height: 2.75rem;
  position: absolute;
  margin: 0 0.3rem;
  bottom: -1.49rem;
  box-shadow: 0rem 0.1rem 0.2rem rgba(112, 144, 176, 0.08);
  border-radius: 0.2rem;
  background-color: #fff;
}
.headBox .infoBox .topBox {
  display: flex;
  margin-top: 0.34rem;
  margin-left: 0.3rem;
}
.headBox .infoBox .topBox .headImg {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.headBox .infoBox .topBox .rightBox {
  margin-left: 0.08rem;
}
.headBox .infoBox .topBox .rightBox .nameBox {
  display: flex;
  align-items: center;
}
.headBox .infoBox .topBox .rightBox .nameBox .name {
  font-size: 0.28rem;
  color: #1E2023;
}
.headBox .infoBox .topBox .rightBox .nameBox .labelBox {
  position: relative;
  margin-left: 0.08rem;
  width: 1.22rem;
  height: 0.48rem;
}
.headBox .infoBox .topBox .rightBox .nameBox .labelBox .labelImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.headBox .infoBox .topBox .rightBox .nameBox .labelBox .label {
  position: absolute;
  top: 0.09rem;
  left: 0.5rem;
  font-size: 0.2rem;
  color: #F98958;
}
.headBox .infoBox .topBox .rightBox .text {
  font-size: 0.2rem;
  color: #8A93A1;
  margin-top: 0.15rem;
}
.headBox .infoBox .infoUl {
  display: flex;
  justify-content: space-around;
  margin-top: 0.51rem;
}
.headBox .infoBox .infoUl li {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.headBox .infoBox .infoUl li .count {
  font-size: 0.3rem;
  color: #1E2023;
}
.headBox .infoBox .infoUl li .title {
  font-size: 0.24rem;
  color: #8A93A1;
  margin-top: 0.04rem;
}
.photoCollect {
  margin-top: 1.82rem;
}
.photoCollect .titleBox {
  display: flex;
  align-items: center;
  height: 0.47rem;
  margin-left: 0.3rem;
}
.photoCollect .titleBox .line {
  width: 0.08rem;
  height: 0.4rem;
  background-color: #60A7F6;
  border-radius: 0.04rem;
}
.photoCollect .titleBox .title {
  font-size: 0.32rem;
  color: #1E2023;
  margin-left: 0.08rem;
  font-weight: 500;
}
.photoCollect .photoUl {
  display: flex;
  overflow-x: scroll;
  margin-left: 0.3rem;
  margin-top: 0.27rem;
}
.photoCollect .photoUl li {
  margin-left: 0.14rem;
}
.photoCollect .photoUl li .imgBox {
  position: relative;
  width: 2.8rem;
  height: 2.1rem;
}
.photoCollect .photoUl li .imgBox .photoImg {
  display: block;
  width: 100%;
  height: 100%;
}
.photoCollect .photoUl li .imgBox .iconBox {
  position: absolute;
  right: 0.1rem;
  bottom: 0.09rem;
  font-size: 0.2rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.photoCollect .photoUl li .imgBox .iconBox .icon {
  background: url(../img/person/icon_number%20of%20images.png) no-repeat;
  background-size: cover;
  width: 0.28rem;
  height: 0.28rem;
}
.photoCollect .photoUl li .imgBox .iconBox .count {
  margin-left: 0.01rem;
}
.photoCollect .photoUl li .photoName {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  color: #1E2023;
}
.photoCollect .photoUl::-webkit-scrollbar {
  display: none;
}
.myDynamic {
  margin-top: 0.56rem;
}
.myDynamic .titleBox {
  display: flex;
  align-items: center;
  height: 0.47rem;
  margin-left: 0.3rem;
}
.myDynamic .titleBox .line {
  width: 0.08rem;
  height: 0.4rem;
  background-color: #60A7F6;
  border-radius: 0.04rem;
}
.myDynamic .titleBox .title {
  font-size: 0.32rem;
  color: #1E2023;
  margin-left: 0.08rem;
  font-weight: 500;
}
.myDynamic .dynamicUl {
  margin: 0 0.3rem;
  margin-top: 0.18rem;
}
.myDynamic .dynamicUl li {
  display: flex;
}
.myDynamic .dynamicUl li .timeBox .time {
  display: flex;
  align-items: center;
}
.myDynamic .dynamicUl li .timeBox .time .month {
  font-size: 0.32rem;
  color: #1E2023;
}
.myDynamic .dynamicUl li .timeBox .time .day {
  font-size: 0.24rem;
  color: #8A93A1;
}
.myDynamic .dynamicUl li .timeBox .pointLine {
  height: 90%;
  position: relative;
}
.myDynamic .dynamicUl li .timeBox .pointLine::after {
  content: "";
  width: 0;
  height: 100%;
  border: 1px dotted #8A93A1;
  position: absolute;
  top: 0.14rem;
  left: 50%;
  transform: translateX(-50%);
}
.myDynamic .dynamicUl li .content {
  display: flex;
  flex-direction: column;
  margin-left: 0.6rem;
}
.myDynamic .dynamicUl li .content .title {
  font-size: 0.28rem;
  color: #1E2023;
}
.myDynamic .dynamicUl li .content .text {
  width: 5.57rem;
  font-size: 0.2rem;
  overflow: hidden;
  color: #8A93A1;
  margin-top: 0.14rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myDynamic .dynamicUl li .content .dynamicImgBox {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
  height: 3.4rem;
}
.myDynamic .dynamicUl li .content .dynamicImgBox .leftImgBox .myDynamicImg {
  width: 2.72rem;
}
.myDynamic .dynamicUl li .content .dynamicImgBox .rightImgBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.myDynamic .dynamicUl li .content .dynamicImgBox .rightImgBox .myDynamicImg {
  width: 2.72rem;
}
